<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>丽子美妆</title>
    <link rel="shortcut icon" href="../img/loginImgs/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../lib/font/iconfont.css">
    <link rel="stylesheet" href="../css/confirm.css">
    <link rel="stylesheet" href="../css/footer.css">
    <script src="/lib/requirejs/require.js" data-main="/js/confirm"></script>

</head>

<body>
    <div class="top1">

    </div>

    <div class="cart-header">
        <div class="wrap">
            <div class="p_l">
                <div class="logo">
                    <a href="/"></a>
                </div>
                <div class="page_title">
                    <h2>确认订单</h2>
                </div>
            </div>

            <div class="p_r">
                <div class="page_step">
                    <div class="step_1">

                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="confirm-body">
        <div class="confirm-content">
            <div class="confirm-list">
                <p class="body-header"><span>选择收货地址</span><a href="">管理收货地址</a></p>

                <div class="address-box">
                    <div class="oldAddress">

                    </div>

                    <div class="addAddress" data-toggle="modal" data-target="#myModal">
                        新增收货地址
                    </div>
                </div>

                <div class="itemmsg-queren">
                    确认商品信息
                </div>
                <div class="itemmsg-header">
                    <ul>
                        <li class="td-item">商品</li>
                        <li class="td-info">商品信息</li>
                        <li class="td-price">单价</li>
                        <li class="td-num">数量</li>
                        <li class="td-sum">小计</li>
                    </ul>
                </div>

                <div class="itemmsg-list">

                    <div class="tr-item">

                        <script type="text/html" id="confirm-template">
                            {{each pro prod}}
                        <ul>
                            <li class="td-item">
                                
                                    <img src="{{prod.img}}" alt="" class="pic">
                                
                                <p>{{prod.title}}</p>
                            </li>
                            <li class="td-info">
                                <p>规格：1#象牙白</p>
                            </li>
                            <li class="td-price">
                                <p>￥{{prod.lprice}}</p>
                            </li>
                            <li class="td-num">
                                <p>{{prod.amount}}</p>
                            </li>
                            <li class="td-sum">
                                <p>￥{{prod.lprice*prod.amount}}</p>
                            </li>
                        </ul>
                        {{/each}}
                    </script>

                    </div>



                    <div class="msgbot">
                        <div class="msgbot-header clearfix">
                            <p class="h-l">
                                <span class="checkbox"></span>
                                索要发票:
                            </p>

                            <p class="h-r">
                                店铺优惠：
                                <span>-￥0.00</span>
                            </p>
                        </div>

                        <div class="remarks">
                            备注：<input type="text">
                        </div>
                        <div class="postage clearfix">
                            <p class="dd postage">邮费： <span>￥6.00</span></p>
                        </div>
                        <div class="total clearfix">
                            <p class="dd total">合计： <span>￥<span class="allsum"></span></span></p>
                        </div>

                    </div>
                </div>


            </div>
            <div class="confirm-all">
                <div class="s-l">
                    <a href="/html/cart.html">返回购物车</a>
                </div>
                <div class="s-r">
                    <a href="">提交订单</a>
                    <p>共有<span class="all-num">0</span>商品，总计 <span class="all-sum">￥<span class="allsum1"></span></span></p>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">新增收货地址</h4>
                </div>
                <div class="modal-body">
                    <div class="name td">
                        <span class="title">收货人：</span><input type="text" class="inname">
                    </div>
                    <div class="shouhuodizhi td">
                        <span class="title">收货地址：</span>
                        <select class="province">
                            <option value="">--请选择--</option>
                        </select><span class="s">省</span>
                        <select class="city">
                            <option value="">--请选择--</option>
                        </select><span class="s">市</span>
                        <select class="district">
                            <option value="">--请选择--</option>
                        </select><span class="s">区</span>
                    </div>
                    <div class="jiedaodizhi td">
                        <span class="title">街道地址：</span><input type="text" class="injiedao">
                    </div>
                    <div class="lianxidianhua td">
                        <span class="title">联系电话：</span><input type="text" class="inphone">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary btn-add" data-dismiss="modal">添加</button>
                </div>
            </div>
        </div>
    </div>

    <footer></footer>
</body>

</html>